// 存放爱好的数组
let hobby = []
// 所有的checkbox集合
let list = document.getElementsByClassName('my-hobby')
// 给所有的checkbox绑定change事件
for (let i = 0; i < list.length; i++) {
  list[i].onchange = function () {
    // this.checked = true 选中 ，this.checked = true 不选中
    // this.value 获得checkbox的value值
    console.log(this.checked, this.value)
    if (this.checked) {
      hobby.push(this.value)
    } else {
      // 找元素下标
      let index = hobby.findIndex((it) => it === this.value)
      if (index !== -1) {
        // 删除元素
        hobby.splice(index, 1)
      }
    }
    console.log(hobby)
  }
}
// 点击button显示爱好信息
let btn = document.getElementsByClassName('btn')[0]
btn.onclick = function () {
  document.getElementsByClassName('hobby')[0].innerHTML = hobby.join(',')
}
